	*,
	*:after,
	*:before {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}

	html,
	body {
		height: 100%;
		width: 100%;
		overflow: hidden;
		margin: 0;
	}

	canvas {
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
	}

	.chart-header {
		margin: 0.8rem;
	}

	.chart-header h2 {
		border-bottom: 1px solid #323d54;
		font-family: Avenir,Helvetica,Arial,sans-serif;
		font-size: 1rem;
		font-weight: bold;
	}

	.chart-container {
		position: relative;
		width: 100vw;
	}

	.chart-legend {
		width: 40vw;
		overflow-x: hidden;
		overflow-y: auto;
	}

	.chart-legend ul {
		display: inline-block;
		white-space: nowrap;
		margin-left: -10px;
		padding: 0px;
	}

	.chart-legend ul li {
		box-sizing: border-box;
		color: #171e42;
		font-family: Avenir,Helvetica,Arial,sans-serif;
		font-size: 12px;
		margin-left: 10px;
	}

	.chart-legend li {
		cursor: pointer;
		list-style: none;
	}

	.chart-legend li span {
		display: inline-block;
		width: 12px;
		height: 12px;
		margin-right: 5px;
	}

	.strike {
		text-decoration: line-through !important;
	}

	.float-left {
		float: left;
	}